<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s"  uri="/struts-tags"%>
<!DOCTYPE>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>上传身份证</title>
<script type="text/javascript">
$('#IDCard').modal().css({
    width: '800px',
    'margin-left': function () {
       return -($(this).width() / 2);
   }
});
</script>
</head>
<body>
<form action="com_updateIDCard" method="post" id="save">
<s:hidden name="faceImage" id="face"></s:hidden>
<s:hidden name="backImage" id="back"></s:hidden>
<s:hidden name="companyId" value="%{#session.company.comId}"></s:hidden>
</form>
<div style="width: 750px;height: 450px;margin: 0px auto;">
<div style="width: 750px;height: 120px;color:#F35214;font-size:15px;">
  <p><b>饿9定加盟企业收入满100元后，将于第二个月20日进行支付。<br/>
         为配合国家政策要求，保证您的收入能够按时支付，请您于5日前上传清晰、无污物、完整的身份证原件正反面照片，如果照片中除了身份证外还有其他背景，请您剪裁后再上传。<br/>
         提交照片后我们会进行审核，如果审核没有通过，我们会通知您重新上传。<br/>
         如无身份证信息，付款将自动推至下月支付，请知悉。<br/>
         感谢您的支持与合作！ </b></p>
</div>
<div style="width: 360px;height: 350px;float: left;">
<iframe name="hiddenFrame1" style="display: none"></iframe>
<div style="display: none">
<form action="<%=basePath %>com/face_fileupload" id="faceUpload" method="post" enctype="multipart/form-data" target="hiddenFrame1" >   
         请选择需要上传的文件：<input type="file" id="faceFile" name="file"/><br />  
     </form> 
     </div>
<div style="width: 370px;height: 340px;">
<div style="width: 370px;height: 30px;float: left">
<input type="button" value="上传身份证正面照片" style="width: 350px;height: 30px;font-family: 'Microsoft YaHei';font-size: 18px;" id="faceSelect" />
</div>
<div style="width: 350px;height: 300px;border: #A9A9A9 2px dashed;float: left">
<img style="width: 350px; height: 300px;border: 0px;" src="<%=basePath %>upload/<s:property value='faceImage'/>" id="faceImage" border="1px"></img>
</div>
</div>
    <!-- <input type="text" id="imageUrl"/> -->
	
	
	<!-- 显示图片的url，将图片的名称传给它，它就可以读取到对应的图片 -->
	<input type="hidden" id="showFaceImageUrl" value="<%=basePath %>com/face_showImage" />
</div>
<script type="text/javascript">
//当点击"选择按钮"时,调用该函数
$("#faceSelect").click(function() {
	$("#faceFile").click();
});
//如果图片改变，该form就提交
$("#faceFile").bind("change", function() {
	if ($(this).val()) {
		$("#faceUpload").submit();
	}
});
window.FaceuploadCallback = function(fileName) {

var imgUrl1 = $("#showFaceImageUrl").val();
$("#faceImage").attr("src", imgUrl1 + "?fileName=" + fileName);
var str=fileName.split("/");
var name=str[str.length-1];
$("#face").val(name);
};
</script>
<div style="width: 360px;height: 350px;float: right;">
<iframe name="hiddenFrame" style="display: none"></iframe>
<div style="display: none">
<form action="<%=basePath %>com/back_fileupload" id="BackUpload" method="post" enctype="multipart/form-data" target="hiddenFrame" >   
         请选择需要上传的文件：<input type="file" id="backFile" name="file"/><br />  
     </form> 
     </div>
<div style="width: 370px;height: 340px;">
<div style="width: 370px;height: 30px;float: left">
<input type="button" value="上传身份证反面照片" style="width: 350px;height: 30px;font-family: 'Microsoft YaHei';font-size: 18px;" id="BackSelect" />
</div>
<div style="width: 350px;height: 300px;border: #A9A9A9 2px dashed;float: left">
<img style="width: 350px; height: 300px;border: 0px;" src="<%=basePath %>upload/<s:property value='backImage'/>" id="backImage" border="1px"></img>
</div>
</div>
    <!-- <input type="text" id="imageUrl"/> -->
	
	
	<!-- 显示图片的url，将图片的名称传给它，它就可以读取到对应的图片 -->
	<input type="hidden" id="showBackImageUrl" value="<%=basePath %>com/back_showImage" />
</div>
<script type="text/javascript">
$(function(){
	//当点击"选择按钮"时,调用该函数
	$("#BackSelect").click(function() {
		$("#backFile").click();
	});
	//如果图片改变，该form就提交
	$("#backFile").bind("change", function() {
		if ($(this).val()) {
			$("#BackUpload").submit();
		}
	});
		});
window.BackuploadCallback = function(fileName) {
	
	var imgUrl = $("#showBackImageUrl").val();
	$("#backImage").attr("src", imgUrl + "?fileName=" + fileName);
	var str=fileName.split("/");
	var name=str[str.length-1];
	$("#back").val(name);
};
</script>
</div>
</body>
</html>